<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--引入jquery和bootstrap的js库-->
    <script src="../js/jquery-1.12.3.js"></script>
    <script src="../js/bootstrap.js"></script>
    <!--引入bootstrap的css库-->
    <link rel="stylesheet" href="../css/bootstrap.css">
    <script>
        function login() {
            Account = $('#Account').val()
            Password = $('#Password').val()
            if(Account==123456&&Password==123456){
                alert('登录成功');
            }else{
                alert('登录失败');
            }
        }
        function showPassword() {
            if($('#Password').attr('type')=='password'){
                $('#Password').attr('type','text')
            }else{
                $('#Password').attr('type','password')
            }
        }
    </script>
    <style>
        h1{
            color: #0000cc;
        }
        ypq{
            width: 100%;
            height:20px;
            background-color: #0f0f0f;
            z-index: -99999;
        }
        .a{
            color: #4cae4c;
        }
    </style>
</head>
<body ms-controller="ss">
<div class="page-header text-center" style="">
    <h1 class="a" style="color: red;">登录{{ab}}</h1>
</div>
<ypq>ssssd</ypq>
<div class="col-md-12">
    <div class="input-group">
        <span class="input-group-addon">账户名：</span>
        <input type="text" class="form-control" id="Account" placeholder="请输入账号名称" aria-describedby="basic-addon1">
    </div>
    <div class="input-group">
        <span class="input-group-addon">密&nbsp;&nbsp;&nbsp;&nbsp;码：</span>
        <input type="password" class="form-control" id="Password" placeholder="请输入账号密码" aria-describedby="basic-addon1">
    </div>
    <div class="btn-group " role="group">
        <button type="button" class="btn btn-default text-center" onclick="login()" ms-click="login">登录</button>
        <button type="button" class="btn btn-default text-center" onclick="showPassword()">查看密码</button>
    </div>
</div>
<div class="col-md-12">
    <nav class="navbar navbar-default navbar-fixed-bottom">
        <div class="row">
            <div class="col-md-4">
                <span class="glyphicon glyphicon-edit" style="margin-left: 48%;" aria-hidden="true"></span>
                <span>首页</span>
            </div>
            <div class="col-md-4 center-block">
                <span class="glyphicon glyphicon-edit" style="margin-left: 48%;" aria-hidden="true"></span>
                <span>首页</span>
            </div>
            <div class="col-md-4 center-block text-center">
                <div class="row">
                    <span class="glyphicon glyphicon-edit" style="margin-left: 48%;" aria-hidden="true"></span>
                </div>
                <div class="row text-center">首页</div>
            </div>
        </div>
    </nav>
</div>
</body>
</html>